<nav class="top-nav-bar large-12 column">
  <div class="left-section small-12 medium-6 large-6 columns" style="background:none;padding:0;">
    <ul class="inline-list">
      <li><img src="<?php echo BASE_URI?>img/icons/logo.png" style="height:60px;"></li>
    </ul>
  </div>
  <div class="right-section small-12 small-centered  medium-6 medium-centered large-6 large-uncentered columns" style="background:none;padding:0;">
    <ul class="menu right inline-list">
      <li><a href="" data-reveal-id="registration">Join</a></li>
      <li><a href="" data-reveal-id="login">Login</a></li>
      <li><a>Help &nbsp;<i style="font-size:.8rem;" class="fa fa-chevron-down"></i></a>
          <!--<ul class="arrow_box">
            <li><a>Visit the Help Center <i class="fa fa-angle-double-right"></i></a></li>
            <li><a>Getting Started Guide
                  <p style="margin:0;line-height:.48rem;"><small>Excepteur sint occaecat cupidatat non
                  proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</small></p>
            </a></li>
            <li><a>How do i create an account
                  <p style="margin:0;line-height:.48rem;"><small>Excepteur sint occaecat cupidatat non
                  proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</small></p></a></li>
            <li><a>How it works
                  <p style="margin:0;line-height:.48rem;"><small>Excepteur sint occaecat cupidatat non
                  proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</small></p></a></li>
            <li class="faqs text-center"><a>See all FAQS</a></li>
          </ul>-->
      </li>
    </ul>
  </div>
</nav>
